<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>科室分类</title>
		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/base.css" />
		<link rel="stylesheet" type="text/css" href="../../css/index.css" />
		<link rel="stylesheet" type="text/css" href="../../css/xinxi/fenlei.css" />
		<script type="text/javascript" src="../../js/jquery-2.1.3.min.js"></script>
		<script type="text/javascript" src="../../js/bootstrap.min.js"></script>
		<script type="text/javascript" src="../../js/loadHtml.js"></script>
	</head>
	<body>
		<div class="wrapper clearfix">
			<div class="sideBar"></div>
			<div class="main">
				<div class="zixunTop">
					<h1 class="title">科室分类</h1>
					<div class="choose">
						<ul>
							<li>
								<h1>内科</h1>
								<img src="../../img/bianji.png" />
								<img src="../../img/del.png" data-toggle="modal" data-target="#myModal" />
							</li>
							<li>
								<h1>内科</h1>
								<img src="../../img/bianji.png" />
								<img src="../../img/del.png" />
							</li>
							<li>
								<h1>内科</h1>
								<img src="../../img/bianji.png" />
								<img src="../../img/del.png" />
							</li>
							<li>
								<h1>内科</h1>
								<img src="../../img/bianji.png" />
								<img src="../../img/del.png" />
							</li>
							<li>
								<h1>内科</h1>
								<img src="../../img/bianji.png" />
								<img src="../../img/del.png" />
							</li>
							<li>
								<h1>内科</h1>
								<img src="../../img/bianji.png" />
								<img src="../../img/del.png" />
							</li>
							<li>
								<h1>内科</h1>
								<img src="../../img/bianji.png" />
								<img src="../../img/del.png" />
							</li>
							<li>
								<button class="btnAdd">
									新建一级分类
								</button>
							</li>
						</ul>
					</div>
				</div>
				<div class="tableMain">
					<div class="tableTop">
						<select class="selectSize" style="t"> 
							<option value="选择一级分类">选择一级分类</option>
						</select>
						<button class="btn1">
							搜索
						</button>
						<button class="btnAdd">
							新建子分类
						</button>
					</div>
					<table class="table table-striped">
						<thead>
							<tr>
								<th>序号</th>
								<th>子分类科室</th>
								<th>所属一级分类</th>
								<th>特色科室</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>10</td>
								<td>呼吸内科</td>
								<td>内科</td>
								<td>是</td>
								<td class="last">
								<div style="margin-left:0;">
									<img src="../../img/chakan.png"  alt="发布" title="发布"/>
									<h1>查看</h1>
								</div>
								<div>
									<img src="../../img/bianji.png" />
									<h1>编辑</h1>
								</div>
								<div>
									<img src="../../img/doc.png" />
									<h1>查看医生</h1>
								</div>
								<div>
									<img src="../../img/quxiao.png" />
									<h1>取消好医生</h1>
								</div></td>
							</tr>
							<tr>
								<td>10</td>
								<td>呼吸内科</td>
								<td>内科</td>
								<td>是</td>
								<td class="last">
								<div style="margin-left:0;">
									<img src="../../img/chakan.png"  alt="发布" title="发布"/>
									<h1>查看</h1>
								</div>
								<div>
									<img src="../../img/bianji.png" />
									<h1>编辑</h1>
								</div>
								<div>
									<img src="../../img/doc.png" />
									<h1>查看医生</h1>
								</div>
								<div>
									<img src="../../img/quxiao.png" />
									<h1>取消好医生</h1>
								</div></td>
							</tr>
							<tr>
								<td>10</td>
								<td>呼吸内科</td>
								<td>内科</td>
								<td>是</td>
								<td class="last">
								<div style="margin-left:0;">
									<img src="../../img/chakan.png"  alt="发布" title="发布"/>
									<h1>查看</h1>
								</div>
								<div>
									<img src="../../img/bianji.png" />
									<h1>编辑</h1>
								</div>
								<div>
									<img src="../../img/doc.png" />
									<h1>查看医生</h1>
								</div>
								<div>
									<img src="../../img/quxiao.png" />
									<h1>取消好医生</h1>
								</div></td>
							</tr>
							<tr>
								<td>10</td>
								<td>呼吸内科</td>
								<td>内科</td>
								<td>是</td>
								<td class="last">
								<div style="margin-left:0;">
									<img src="../../img/chakan.png"  alt="发布" title="发布"/>
									<h1>查看</h1>
								</div>
								<div>
									<img src="../../img/bianji.png" />
									<h1>编辑</h1>
								</div>
								<div>
									<img src="../../img/doc.png" />
									<h1>查看医生</h1>
								</div>
								<div>
									<img src="../../img/quxiao.png" />
									<h1>取消好医生</h1>
								</div></td>
							</tr>
							<tr>
								<td>10</td>
								<td>呼吸内科</td>
								<td>内科</td>
								<td>是</td>
								<td class="last">
								<div style="margin-left:0;">
									<img src="../../img/chakan.png"  alt="发布" title="发布"/>
									<h1>查看</h1>
								</div>
								<div>
									<img src="../../img/bianji.png" />
									<h1>编辑</h1>
								</div>
								<div>
									<img src="../../img/doc.png" />
									<h1>查看医生</h1>
								</div>
								<div>
									<img src="../../img/quxiao.png" />
									<h1>取消好医生</h1>
								</div></td>
							</tr>
							<tr>
								<td>10</td>
								<td>呼吸内科</td>
								<td>内科</td>
								<td>是</td>
								<td class="last">
								<div style="margin-left:0;">
									<img src="../../img/chakan.png"  alt="发布" title="发布"/>
									<h1>查看</h1>
								</div>
								<div>
									<img src="../../img/bianji.png" />
									<h1>编辑</h1>
								</div>
								<div>
									<img src="../../img/doc.png" />
									<h1>查看医生</h1>
								</div>
								<div>
									<img src="../../img/quxiao.png" />
									<h1>取消好医生</h1>
								</div></td>
							</tr>
							<tr>
								<td>10</td>
								<td>呼吸内科</td>
								<td>内科</td>
								<td>是</td>
								<td class="last">
								<div style="margin-left:0;">
									<img src="../../img/chakan.png"  alt="发布" title="发布"/>
									<h1>查看</h1>
								</div>
								<div>
									<img src="../../img/bianji.png" />
									<h1>编辑</h1>
								</div>
								<div>
									<img src="../../img/doc.png" />
									<h1>查看医生</h1>
								</div>
								<div>
									<img src="../../img/quxiao.png" />
									<h1>取消好医生</h1>
								</div></td>
							</tr>
						</tbody>
					</table>
					<ul class="pagination">
						<li>
							<a href="#">&laquo;</a>
						</li>
						<li class="active">
							<a href="#">1</a>
						</li>
						<li class="disabled">
							<a href="#">2</a>
						</li>
						<li>
							<a href="#">3</a>
						</li>
						<li>
							<a href="#">4</a>
						</li>
						<li>
							<a href="#">5</a>
						</li>
						<li>
							<a href="#">&raquo;</a>
						</li>
					</ul>
				</div>

				<!-- 弹框内容 1-->
				<div class="alertMain">
					<div class="alertCon">
						<img src="../../img/arrow.png" />
						<h1>取消好医生</h1>
						<p>
							确定取消好医生？
						</p>
						<div>
							<button>
								保存
							</button>
							<button>
								取消
							</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close"
						data-dismiss="modal" aria-hidden="true">
							&times;
						</button>
						<h4 class="modal-title" id="myModalLabel"> 删除一级分类 </h4>
					</div>
					<div class="modal-body">
						<p>确定删除该分类码？</p>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default"
						data-dismiss="modal">
							关闭
						</button>
						<button type="button" class="btn btn-primary">
							提交更改
						</button>
					</div>
				</div><!-- /.modal-content -->
			</div><!-- /.modal -->
		</div>
	</body>
</html>
<script type="text/javascript">
	$(function() {
		$('.last div').hover(function() {
			$(this).children('h1').show();
		}, function() {
			$(this).children('h1').hide();
		});

		$('.pagination li').click(function() {
			$(this).addClass('active').siblings('li').removeClass('active');
		});

		$('.table tr').find('.last div:eq(3)').click(function() {
			var alertTop = $(this).offset().top + 60;
			$('.alertMain').css({
				'top' : alertTop
			});
			$('.alertMain').show();
		});

		$('.alertCon button:eq(0)').click(function() {
			$('.alertMain').hide();
		});

	});

</script>